<template>
  <div>
    <div class="head">
      <p class="text">通知</p>
      <van-icon @click="onClickLeft()" size="20" color="whitesmoke" name="arrow-left" class="icon" />
    </div>


  </div>
</template>
<script>
export default {
    data() {
        return {
            routeFrom:''
        }
    },
    beforeRouteEnter(to, from, next) {
    // 官方解释在此无法获取组件的this，还没创建
    // 可以使用next函数的回调，可以获取创建之前的组件实例
    next(function (vm) {
      // vm就是当前组件的实例，把从哪来的路径赋值给当前组件中的变量
      vm.routeFrom = from.path;
    });
  },
    methods: {
        onClickLeft() {
        this.$router.push(this.routeFrom);
    },
    },
};
</script>
<style scoped>

.head {
  width: 100%;
  height: 4rem;
  background-color: rgb(108, 144, 243);
}
.text {
  text-align: center;
  font-size: 1.6rem;
  color: whitesmoke;
  line-height: 4rem;
}
.icon {
  position: absolute;
  top: 1.1rem;
  /* left: 0px; */
}
</style>